.resize-block {
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #3a6bab;
    border-radius: 50%;
    z-index: 9999;

    &-{
        &left {
            left: -5px;
            top: calc(50% - 5px);

            &- {
                &top {
                    left: -5px;
                    top: -5px;
                }
                &bottom {
                    left: -5px;
                    bottom: -5px;
                }
            }
        }
        &right {
            right: -5px;
            top: calc(50% - 5px);
            &- {
                &top {
                    right: -5px;
                    top: -5px;
                }
                &bottom {
                    right: -5px;
                    bottom: -5px;
                }
            }
        }
        &top {
            top: -5px;
            left: calc(50% - 5px);
        }
        &bottom {
            bottom: -5px;
            left: calc(50% - 5px)
        }
    }
}

.resize-block:hover {

    cursor: pointer;
}